<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>仓储设备仓库 游客</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="Free HTML Templates" name="keywords">
        <meta content="Free HTML Templates" name="description">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="/css/bootstrap/bootstrap.min.css">
        <link rel="stylesheet" href="/lib/owlcarousel/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="/css/self/search.css">
        <link rel="stylesheet" href="/css/model/style.css">
        
    </head>
    <body>
        
        <!-- Topbar Start -->
        <div class="container-fluid">
            <div class="row align-items-center py-3 px-xl-5">
                <div class="col-lg-3 d-none d-lg-block">
                    <a href="" class="text-decoration-none">
                        <h1 class="m-0 display-5 font-weight-semi-bold"><span class="text-primary font-weight-bold border px-3 mr-1">E</span>Shopper</h1>
                    </a>
                </div>
                <div class="col-lg-6 col-6 text-left">
                    <form action="">
                        <div class="input-group autocompleted">
                            <input type="text" class="form-control" placeholder="输入商品名或商品特征，支持模糊搜索" id="search-input" oninput="search_auto_think();">
                            <div class="input-group-append">
                                <!-- <span class="input-group-text bg-transparent text-primary" id="search-confirm" style="cursor: pointer;">
                                    <i class="fa fa-search"></i>
                                </span> -->
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3 col-6 text-right">
                </div>
            </div>
        </div>
        <!-- Topbar End -->


        <!-- Navbar Start -->
        <div class="container-fluid">
            <div class="row border-top px-xl-5">
                <div class="col-lg-3 d-none d-lg-block">
                </div>
                <div class="col-lg-9">
                    <nav class="navbar navbar-expand-lg bg-light navbar-light py-3 py-lg-0 px-0">
                        <a href="" class="text-decoration-none d-block d-lg-none">
                            <h1 class="m-0 display-5 font-weight-semi-bold"><span class="text-primary font-weight-bold border px-3 mr-1">E</span>Shopper</h1>
                        </a>
                        <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
                            <div class="navbar-nav mr-auto py-0">
                            </div>
                            <div class="navbar-nav ml-auto py-0">
                                <a href="/page/login.html" class="nav-item nav-link">登陆</a>
                                <!-- <a href="/page/login.html" class="nav-item nav-link">logout</a> -->
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
        <!-- Navbar End -->


        <!-- Page Header Start -->
        <div class="container-fluid bg-secondary mb-5">
            <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 300px">
                <h1 class="font-weight-semi-bold text-uppercase mb-3">Our Shop</h1>
                <div class="d-inline-flex">
                    <p class="m-0"><a>Home</a></p>
                    <p class="m-0 px-2">-</p>
                    <p class="m-0">Shop</p>
                </div>
            </div>
        </div>
        <!-- Page Header End -->


        <!-- Shop Start -->
        <div class="container-fluid pt-5">
            <div class="row px-xl-5">
                <!-- Shop Sidebar Start -->
                <div class="col-lg-3 col-md-12">
                    <!-- Color Start -->
                    <div class="border-bottom mb-4 pb-4">
                        <h5 class="font-weight-semi-bold mb-4">通过颜色选择</h5>
                        <form id="color-classfier-form">
                            <input type="radio" name="color" value="_all" checked><label style="padding-left: 5px; vertical-align: middle;">所有</label><br>
                            <!-- <input type="radio" name="color" value="xxx"><label style="padding-left: 5px; vertical-align: middle;">xxx</label> -->
                        </form>
                    </div>
                    <!-- Color End -->

                    <!-- Size Start -->
                    <div class="mb-5">
                        <h5 class="font-weight-semi-bold mb-4">通过尺寸选择</h5>
                        <form id="size-classfier-form">
                            <input type="radio" name="size" value="_all" checked><label style="padding-left: 5px; vertical-align: middle;">所有</label><br>
                            <!-- <input type="radio" name="color" value="xxx"><label style="padding-left: 5px; vertical-align: middle;">xxx</label> -->
                        </form>
                    </div>
                    <!-- Size End -->

                    <button class="btn btn-primary" id="classfier-confirm">提交选择器</button>
                </div>
                <!-- Shop Sidebar End -->


                <!-- Shop Product Start -->
                <div class="col-lg-9 col-md-12">
                    <div class="row pb-3" id="shop-body">
                        <!-- <div class="col-12 pb-1">
                            <div class="d-flex align-items-center justify-content-between mb-4">
                            </div>
                        </div> -->
                        <!-- <div class="col-lg-4 col-md-6 col-sm-12 pb-1">
                            <div class="card product-item border-0 mb-4" s-size="xxx" s-color="xxx">
                                <div class="card-header product-img position-relative overflow-hidden bg-transparent border p-0">
                                    <img class="img-fluid w-100" src="/static/img/product-1.jpg" alt="">
                                </div>
                                <div class="card-body border-left border-right text-center p-0 pt-4 pb-3">
                                    <h6 class="text-truncate mb-3">生产设备</h6>
                                </div>
                                <div class="card-footer d-flex justify-content-between bg-light border">
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
                <!-- Shop Product End -->
            </div>
        </div>
        <!-- Shop End -->


        <!-- Footer Start -->
        <div class="container-fluid bg-secondary text-dark mt-5 pt-5">
            <div class="row px-xl-5 pt-5">
                <div class="col-lg-4 col-md-12 mb-5 pr-3 pr-xl-5">
                    <a href="" class="text-decoration-none">
                        <h1 class="mb-4 display-5 font-weight-semi-bold"><span class="text-primary font-weight-bold border border-white px-3 mr-1">E</span>Shopper</h1>
                    </a>
                    <p>仓储设备仓库</p>
                    <p class="mb-2" id="company-name"><i class="fa fa-map-marker-alt text-primary mr-3"></i></p>
                    <p class="mb-2" id="company-listen"><i class="fa fa-envelope text-primary mr-3"></i></p>
                </div>
                <div class="col-lg-8 col-md-12">
                    <div class="row">
                        <div class="col-md-4 mb-5">
                            <div class="d-flex flex-column justify-content-start">
                            </div>
                        </div>
                        <div class="col-md-4 mb-5">
                            <div class="d-flex flex-column justify-content-start">
                            </div>
                        </div>
                        <div class="col-md-4 mb-5">
                            <h5 class="font-weight-bold text-dark mb-4">Newsletter</h5>
                            <form action="">
                                <div class="form-group">
                                    <input type="text" class="form-control border-0 py-4" placeholder="Your Name" required="required" />
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control border-0 py-4" placeholder="Your Email"
                                        required="required" />
                                </div>
                                <div>
                                    <button class="btn btn-primary btn-block border-0 py-3" type="submit">Subscribe Now</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row border-top border-light mx-xl-5 py-4">
                <div class="col-md-6 px-xl-0">
                    <p class="mb-md-0 text-center text-md-left text-dark">
                        &copy; <a class="text-dark font-weight-semi-bold" href="#">仓储设备仓库</a>. All Rights Reserved. 
                    </p>
                </div>
            </div>
        </div>
        <!-- Footer End -->

        <!--js-->
        <!-- <script type="text/javascript" src="/js/bootstrap/bootstrap.min.js"></script> -->
        <script type="text/javascript" src="/js/jquery/jquery-3.6.1.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
        <script src="/lib/easing/easing.min.js"></script>
        <script src="/lib/owlcarousel/owl.carousel.min.js"></script>
        <script src="/mail/jqBootstrapValidation.min.js"></script>
        <script src="/mail/contact.js"></script>
        <script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
        <script src="/js/model/main.js"></script>
        <script src="/js/self/input-search.js"></script>
        <script src="/js/self/guest-shop-list.js"></script>
        <script src="/js/self/shop-classifier-list-for-user.js"></script>
        <script src="/js/self/show-company-detail-in-user-page.js"></script>
    </body>
</html>